<template>
  <div class="hello">
   <slot :food="food">
    我是默认数据
   </slot>
  </div>
</template>

<script>
export default {
  name: 'HelloWorld',
  data() {
    return {
      food: ['火锅', '烧烤', '小龙虾', '牛排'],
    }
  }
}
</script>
<style lang="less" scoped>
  .hello{
    background-color: skyblue;
    width: 200px;
    height: 300px;
    h1{
      background-color: orange;
      text-align: center;
    }
    h4{
      text-align: center;
    }
  }
</style>
